<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
<title>美女与野兽</title>
<link rel="stylesheet" href="../css/score.css" />
<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="../js/score.js"></script>
</head>

<body>
<div id="nav">
	<div class="nav-logo"><a href="../index.html">豆瓣电影</a></div>
	<div class="nav-items">
		<ul>
			<li><a href="javascript:;">影讯 & 购票</a></li>
			<li><a href="javascript:;">选电影</a></li>
			<li><a href="javascript:;">电视剧</a></li>
			<li><a href="javascript:;">排行榜</a></li>
			<li><a href="javascript:;">分类</a></li>
			<li><a href="javascript:;">影评</a></li>
			<li><a href="javascript:;">2020年度榜单</a></li>
		</ul>
	</div>
</div>
<div id="main">
	<div id="left">
		<h1>
        	<span class="movie-name">美女与野兽 Beauty and the Beast</span>
            <span class="year">(2017)</span>
    	</h1>
		<div class="subject">
			<div class="mainpic">
				<img src="../images/1.jpg" />
			</div>
			<div class="info">
        		<span class='item'>导演</span>: 比尔·康顿<br/>
        		<span class='item'>编剧</span>: 斯蒂芬·卓博斯基 / 埃文·斯彼里奥托普洛斯<br/>
        		<span class="actor"><span class='item'>主演</span>: 艾玛·沃森 / 丹·史蒂文斯 / 卢克·伊万斯 / 凯文·克莱恩 / 乔什·加德 / 伊万·麦克格雷格</span><br/>
        		<span class="item">类型:</span> 爱情 / 歌舞 / 奇幻<br/>
        		<span class="item">制片国家/地区:</span> 美国<br/>
        		<span class="item">语言:</span> 英语<br/>
        		<span class="item">上映日期:</span> 2017-03-17(中国大陆/美国)<br/>
        		<span class="item">片长:</span> 129分钟<br/>
        		<span class="item">IMDb链接:</span> tt2771200<br>
			</div>
			<div class="rating">
				<div class="rating-logo">豆瓣评分</div>
				<div class="rating-level">
					<span class="rating-score">7.2</span>
					<div class="rating-right">
						<div><span class="starrating"><span class="star40"></span></span></div>
						<div class="rating-sum">199569人评价</div>
					</div>
				</div>
				<div class="star-count">
					<div class="star-item">
						<span class="stars" title="力荐">5星</span>
						<span class="bar" style="width:22px"></span>
						<span class="star-per">14.4%</span>
					</div>
					<div class="star-item">
						<span class="stars" title="推荐">4星</span>
						<span class="bar" style="width:56px"></span>
						<span class="star-per">36.8%</span>
					</div>
					<div class="star-item">
						<span class="stars" title="还行">3星</span>
						<span class="bar" style="width:64px"></span>
						<span class="star-per">41.6%</span>
					</div>
					<div class="star-item">
						<span class="stars" title="较差">2星</span>
						<span class="bar" style="width:9px"></span>
						<span class="star-per">6.2%</span>
					</div>
					<div class="star-item">
						<span class="stars" title="很差">1星</span>
						<span class="bar" style="width:1px"></span>
						<span class="star-per">0.9%</span>
					</div>
				</div>
				<div class="compare">
					好于 56% 爱情片<br />
					好于 60% 奇幻片
				</div>
			</div>
		</div>
		<div class="evaluation">
			<div id="first">
				<a class="wantto">想看</a>
				<a class="seen">看过</a>
				<div>评价:&nbsp;
					<span class="star">
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
    				</span>
					<span class="evaluation-word"></span>
				</div>
			</div>
			
			<div id="second" style="display:none">
				我想看这部电影
				<span class="now-time"></span>
				<a class="del">删除</a><br />
				<span class="show-tips"></span>
			</div>
			
			<div id="third" style="display:none">
				我看过这部电影
				<span class="now-time"></span>
				<a class="del">删除</a>
				<div class="show-evaluation" style="display:none">我的评价:&nbsp;
					<span class="star">
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
        				<span><i class="bright"></i><i class="dark"></i></span>
    				</span>
					<span class="evaluation-word"></span>
				</div>
			</div>
		</div>
		<div class="intro">
			<span class="title">美女与野兽的剧情简介 · · · · · ·</span>
			<div class="content">
			       　　贝儿（艾玛·沃森 Emma Watson 饰）和小镇上的其他女孩不同，是一个热爱阅读和幻想的姑娘，孔武有力英俊强壮的加斯顿（卢克·伊万斯 Luke Evans 饰）发誓要娶贝儿为妻，但贝儿却一眼看穿了他的自私和虚伪，拒不从命。某日，贝儿的父亲莫里斯（凯文·克莱恩 Kevin Kline 饰）迷路误打误撞之下来到了一座荒凉破败的城堡中，那里居住着样貌可怖半人半兽的野兽（丹·史蒂文斯 Dan Stevens 饰）。
                                    <br />
                                　　因为偷摘了城堡里种植的玫瑰，莫里斯被野兽囚禁了起来，得知此消息的贝儿赶到城堡，要求和父亲作交换。就这样，贝儿开始了和野兽的同居生活。在会说话的茶壶太太（艾玛·汤普森 Emma Thompson 饰）、烛台卢米亚（伊万·麦克格雷格 Ewan McGregor 饰）和时钟葛士华（伊恩·麦克莱恩 Ian McKellen 饰）的照顾和帮助下，贝儿渐渐发现，野兽在丑陋的外表下，隐藏了一颗善良温柔的心。实际上，野兽的真实身份是一位王子，因受到了女巫的诅咒而沦落至此，而贝儿，是解除诅咒最后的，也是唯一的希望。
			</div>
		</div>
		<div class="also-like">
			<span class="title">喜欢这部电影的人也喜欢 · · · · · ·</span>
			<div class="like-film-list">
				<ul>
					<li>
						<a href="fwhyj.html"><img src="../images/3.jpg" alt="" /></a>
						<p><a href="fwhyj.html">飞屋环游记</a></p>
					</li>
					<li>
						<a href="mtyj.html"><img src="../images/4.jpg" alt="" /></a>
						<p><a href="mtyj.html">摩天营救</a></p>
					</li>
					<li>
						<a href="yhhwd.html"><img src="../images/5.jpg" alt="" /></a>
						<p><a href="yhhwd.html">银河护卫队</a></p>
					</li>
					<li>
						<a href="cmdsj.html"><img src="../images/9.jpg" alt="" /></a>
						<p><a href="cmdsj.html">楚门的世界</a></p>
					</li>
					<li>
						<a href="fczlm.html"><img src="../images/12.jpg" alt="" /></a>
						<p><a href="fczlm.html">复仇者联盟</a></p>
					</li>
				</ul>
			</div>
		</div>
	</div>
	
	<div id="aside">
		<div class="common-label">
			<span class="title">豆瓣成员常用的标签 · · · · · ·</span>
			<div class="label-list">
				<ul>
					<li>迪士尼</li><li>童话</li><li>爱情</li><li>歌舞</li>
					<li>美国</li><li>2017</li><li>奇幻</li><li>魔幻</li>
				</ul>
			</div>
		</div>
		<div class="recommend">
			<span class="title">以下豆列推荐 · · · · · ·</span>
			<div class="recommend-list">
				<ul>
					<li>
                		<a href="javascript:;">{北美电影票房总排行}</a>
                		<span>(荔枝超人)</span>
            		</li>
            		<li>
                		<a href="javascript:;">豆瓣电影【口碑榜】2018-02-24更新</a>
                		<span>(影志)</span>
            		</li>
            		<li>
                		<a href="javascript:;">评价人数超过十万的电影（按人数排序）</a>
                		<span>(依然饭特稀)</span>
            		</li>
            		<li>
                		<a href="javascript:;">豆瓣上评分人数超过5万评分高于7分的电影</a>
                		<span>(stupidliar)</span>
            		</li>
            		<li>
                		<a href="javascript:;">豆瓣上评价人数超100000的电影</a>
                		<span>(scofieldd)</span>
            		</li>
				</ul>
			</div>
		</div>
		<div class="who">
			<span class="title">谁在看这部电影 · · · · · ·</span>
			<div class="number">
				<a href="javascript:;">267308人看过</a>
                &nbsp;/&nbsp;
            	<a href="javascript:;">27033人想看</a>
			</div>
		</div>
	</div>
</div>
<div style="clear:both"></div>
<div id="bottom">
	<span class="copyright">@ 2001 - 2021 mingrisoft.com all rights reserved 吉林省明日科技有限公司</span>
	<span class="about">
		<ul>
			<li>关于明日</li>
			<li>联系我们</li>
			<li>免责声明</li>
			<li>帮助中心</li>
			<li>移动应用</li>
			<li>明日广告</li>
			<li>合作共赢</li>
		</ul>
	</span>
</div>
<div id="show-layer" style="display:none">
	<div class="layer-bg"></div>
	<div class="layer-body">
		<div class="layer-top">
			<span class="title">添加收藏:我想看这部电影</span>
			<span class="x">x</span>
		</div>
		<div class="layer-middle">
			<div id="wantto">
				<span>标签(多个标签用空格分隔):</span>
				<input type="text" name="movietip" />
				<div class="tip">
					<span>常用标签:</span>
					<ul>
						<li>奇幻</li><li>歌舞</li><li>爱情</li><li>迪士尼</li>
						<li>童话</li><li>美国</li><li>魔幻</li><li>经典</li>
					</ul>
				</div>
			</div>
			<div id="seen">
				<span>给个评价吧？(可选):&nbsp;</span>
				<span class="star">
        			<span><i class="bright"></i><i class="dark"></i></span>
        			<span><i class="bright"></i><i class="dark"></i></span>
        			<span><i class="bright"></i><i class="dark"></i></span>
        			<span><i class="bright"></i><i class="dark"></i></span>
        			<span><i class="bright"></i><i class="dark"></i></span>
    			</span>
				<span class="evaluation-word"></span>
			</div>
		</div>
		<div class="layer-bottom">
			<input type="button" value="保存" />
		</div>
	</div>
</div>
</body>
</html>
